<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%  
response.setHeader("Access-Control-Allow-Origin", "*");  
%> 
<% 
       String article_public_id = (String)request.getParameter("article_public_id");
     %>
     
     
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


 

<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>文章详情·数据工厂</title>
	<link href="${pageContext.request.contextPath }/img/webLogoIcon.png" rel="shortcut icon">
    <link href="${pageContext.request.contextPath }/css/bootstrap.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/font-awesome.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/animate.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/style.css" rel="stylesheet">
    



    <!-- FooTable -->
    <link href="${pageContext.request.contextPath }/css/footable.core.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet" />
    <link href="${pageContext.request.contextPath}/css/mypage.css" rel="stylesheet">

</head>

<body>

    <div id="wrapper">

        <nav class="navbar-default navbar-static-side" role="navigation">
<%--             <%request.setAttribute("LEFT", "nationalData");%> --%>
            <%@include file="../components/left.jsp"%>
        </nav>

        <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom" style="margin-bottom: 20px;">
		<jsp:include page="../components/head.jsp" flush="true" />
        </div>
        <div class="row wrapper border-bottom white-bg page-heading">
            <div class="col-lg-9">
                <h2>文章详情</h2>
                <ol class="breadcrumb">
                	<li class="nav-main1">
                		<a href="${pageContext.request.contextPath}/admin/tosystem_overview">主页</a>
                	</li>
                	<li class="active">
                		<span>资讯数据</span>
                	</li>
                	<li class="active">
                		<a>文章详情</a>
                	</li>
               	</ol>
            </div>
        </div>

        <div class="ibox-content animated fadeInRight" style="padding: 20px;">
						<div class="content-detail" id="list">
							<!-- 组装数据 -->
						</div>
					</div>
		<jsp:include page="../components/footer.jsp" flush="true" />
        </div>
        </div>


    <!-- Mainly scripts -->
    <script src="${pageContext.request.contextPath }/js/jquery-2.1.1.js"></script>
    <script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath }/js/jquery.metisMenu.js"></script>
    <script src="${pageContext.request.contextPath }/js/jquery.slimscroll.min.js"></script>

    <!-- Custom and plugin javascript -->
    <script src="${pageContext.request.contextPath }/js/inspinia.js"></script>
    <script src="${pageContext.request.contextPath }/js/pace.min.js"></script>
    


    <!-- FooTable -->
    <script src="${pageContext.request.contextPath }/js/footable.all.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/mypage.js"></script>
	<script src="${pageContext.request.contextPath}/js/anychart-base.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/userCustom.js"></script>
    <!-- Page-Level Scripts -->
    <script>
    createLine("${webName}")
    var article_public_id = '<%=article_public_id%>'
        $(document).ready(function() {
            $('.footable').footable();
        });
    
	    $(function(){
	    	article(1)
		});
   

		function JumpToPage(pagenum) {
			article(pagenum);
		}
		function article(page){
        	$.ajax({
        		url : "${pageContext.request.contextPath}/governmentsector/governmentInfo-data",
        		type : "post",
        		data:{
        			page:page,
        			type:type
        		},
        		success : function(res) {
        			$('#logs').html('')
        			var list = res.news;
        			let count = res.count;
        			let pageCount = res.page_count;
        			let pagenum = res.page;
        			paging(count,pageCount,pagenum);
        			if(list.length > 0){
        				for (var i = 0; i < list.length; i++) {
        					var content = list[i]._source.content
            				if (content.length - 300 > 0) {
            					content = content.substring(0, 300) + '......'
    						}
        					var html='<div class="custom-article b-b">'+
										    '<div class="article-content p-l-0">'+
									    	'<div class="article-content-title">'+
							              		'<a target="_blank" href="${pageContext.request.contextPath}/governmentsector/governmentInfo-details?article_public_id='+list[i]._source.article_public_id+'">'+list[i]._source.title+'</a>'+
							                '</div>'+
							                '<div class="article-content-con">'+
							                	list[i]._source.content
							                +'</div>'+
							                '<div class="article-content-tips m-t-0">'+
								            	'<div class="article-source"><i class="fa fa-globe"></i>'+list[i]._source.sourcewebsitename+'</div>'+
								                '<div class="article-time"><i class="fa fa-clock-o"></i>'+list[i]._source.publish_time+'</div>'+
								        	'</div>'+
									    '</div>'+
									'</div>'
        					$('#logs').append(html);
						}
        				
        			}else{
        				$("#logs").html("<div class='feed-element' ><h3>暂无数据</h3></div>");
        			}
        			
        		},
        		error : function(e) {
        			 alert("出错");
        			window.clearInterval(timer);
        		}
        	});
        }
		
		
		
		
		function paging(totalData,totalPage, pagenum) {
			$('#box').paging({
				initPageNo : pagenum, // 初始页码
				totalPages : totalPage, //总页数
				totalCount : '合计' + totalData + '条数据', // 条目总数
				slideSpeed : 600, // 缓动速度 单位毫秒
				jump : true, //是否支持跳转
				callback : function(page) {
					// 回调函数
				}
			});
		}
		
		
		//跑马灯方法 
// 		 function init(){
// 			    //获取标题
// 			    var title=document.title;
// 			    //分割字符串--->字符数组
// 			    var arr=title.split("");
// 			    //删除第一个元素并返回该元素
// 			    var e=arr.shift();
// 			    //把一个对象添加到数组末尾
// 			    arr.push(e);
// 			    //把数组转换成字符串
// 			    var marquee=arr.join("");
// 			    //返回给浏览器
// 			    document.title=marquee;
// 			    //定时一直执行
// 			    window.setTimeout("init()",1000);
// 			}
// 			window.onload=init;
		 
		
    </script>

	<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>


</body>

</html>
